<table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
        <td width="10px" align="left"><img src="{{$core_images}}/topBackLeft.jpg" /></td>
        <td style="background:url({{$core_images}}/searchBack.jpg) center center repeat-x;" valign="middle" align="left">            
                <table width="100%" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                        <td align="left" style="padding-left:10px;"><input type = "text" name = "searchBox" id = "searchBoxID" onkeypress="if (event.keyCode==13){do_search();}" value="Search here ..." style="color:#434548; width:170px; height:24px;  margin:0px; padding:0px; text-align:left; vertical-align:middle; font-size:12px; border:none; padding-left:10px;"></td>
                        <td align="left" style="padding-left:5px;padding-right:10px;"><input type = "submit" name = "submitSearch"  value = "" style = "cursor:pointer; width:23px; height:24px;  border:none; background:url({{$core_images}}/searchGlass.jpg) center center no-repeat; background-color:#FFFFFF; background-position:top; " onclick="do_search()"></td>
                    </tr>
                </table>
        </td>
    </tr>
</table>

<script type="text/javascript">
    function do_search(){
        var value = php_js.rtrim(php_js.ltrim($("#searchBoxID").val()));
        if(value && value.length>0){
            var url = '{{$base_index_url}}/search/by/part_num_desc/'+"p~9:"+value;
            document.location = url;
        }else{
            alert("Invalid search string");
        }
    }
</script>
